<!DOCTYPE html>
<html lang="en">
    <head>
        <title>水果大战</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=750px, user-scalable=no">
        <meta name = "format-detection" content = "telephone=no">
        <script src="/sgdzz/js/zepto.min.js"></script>
		<script type="text/javascript">
		function adaptscreen(widthnum){
			try{
			 var DEFAULT_WIDTH = widthnum, // 页面的默认宽度
		        ua = navigator.userAgent.toLowerCase(), // 根据 user agent 的信息获取浏览器信息
		        deviceWidth = window.screen.width, // 设备的宽度
		        devicePixelRatio = window.devicePixelRatio || 1, // 物理像素和设备独立像素的比例，默认为1
		        targetDensitydpi;    // Android4.0以下手机不支持viewport的width，需要设置target-densitydpi
		        if (ua.indexOf("android") !== -1 && parseFloat(ua.slice(ua.indexOf("android")+8)) < 4) {
		        	targetDensitydpi = DEFAULT_WIDTH / deviceWidth * devicePixelRatio * 160;
		        	$('meta[name="viewport"]').attr('content', 'target-densitydpi=' + targetDensitydpi + ', width=device-width, user-scalable=no');
				}else{
					$('meta[name="viewport"]').attr('content', 'target-densitydpi=device-dpi, width='+DEFAULT_WIDTH+'px, user-scalable=no');
				}
			}catch(e){
				console.log('dpi error',e);
			}
	    }
	    adaptscreen(750);
		</script>
        <link href="/sgdzz/css/index.css?v=32" rel="stylesheet">
        <link href="/sgdzz/css/dialog.css?v=29" rel="stylesheet">
        <script src="/sgdzz/js/inobounce.min.js"></script>        
        <script src="/hldy/static/js/sound.js?v=102"></script>
        <script>
        var token = '{{ csrf_token() }}';
        var soundID = 'Thunder';
        var victoryID= 'Victory';
        function loadSound () {
            createjs.Sound.registerSound('/sgdzz/images/count.wav', soundID);
            createjs.Sound.registerSound('/sgdzz/images/victory.wav', victoryID);
        }
        </script>
    </head>
    <body onload="loadSound();">
        <div class="test"></div>
        <!--loading-->
        <div class="loading" id="loading">
            <div class="loading-center">
                <div class="loading-center-absolute">
                    <div class="object object_one" ></div>
                    <div class="object object_two"  style="left:20px;"></div>
                    <div class="object object_three"  style="left:40px;"></div>
                    <div class="object object_four"  style="left:60px;"></div>
                    <div class="object object_five"  style="left:80px;"></div>
                </div>
            </div>
        </div>
        <!--上面的导航-->
        <div class="top-nav">
            <div class="user-info" id="js-user-info">
                <img src="" alt="">
                <p></p> 
            </div>
            <div class="count-time">
                <p class="gray"><span class="js-issue"></span>期</p> 
                <p class="js-count-time">0</p>
            </div>
            <a href="javascript:;" class="butn-help js-butn-help"></a> 
            <a href="javascript:;" class="butn-more js-butn-more"></a> 
            <div class="monkey-bg"></div>
        </div>
        <!--下面的导航-->
        <div class="bottom-nav">
            <div class="monkey-bg"></div>
            <div class="jinbi-in js-jinbi-in">
                <div class="icon-jinbi"></div>
                <div class="icon-jinbi"></div>
                <div class="icon-jinbi"></div>
                <div class="icon-jinbi"></div>
                <div class="icon-jinbi"></div>
            </div>
            <div class="my-jinbi js-recharge">
                <p class="js-left-money">0</p>   
                <a href="javascript:;" class="butn-charge"></a> 
            </div>
            <ul class="selecte-option clearfix" id="js-lottery-money">
                <li class="active" data-num="100"> 
                    <p>100</p> 
                </li>
                <li data-num="500">
                    <p>500</p> 
                </li>
                <li data-num="1000">
                    <p>1000</p> 
                </li>
            </ul>
            <a href="javascript:;" class="butn-revoke js-butn-revoke"></a> 
        </div>
        <!--下注主要界面-->
        <div class="page-main">
            <div class="page-select">
                <p class="game-scale"><span>x2.5</span></p> 
                <ul class="lottery-list clearfix js-lottery-list">
                    <li>
                        <div class="bg">
                            <img src="/sgdzz/images/boluo.png" alt="">
                            <p class="js-lottery-money">0</p> 
                        </div>
                        <p class="mt40">菠萝</p> 
                    </li>
                    <li>
                        <div class="bg">
                            <img src="/sgdzz/images/banana.png" alt="">
                            <p class="js-lottery-money">0</p>                             
                        </div>
                        <p class="mt40">香蕉</p> 
                    </li>
                    <li>
                        <div class="bg">
                            <img src="/sgdzz/images/apple.png" alt="">
                            <p class="js-lottery-money">0</p>                             
                        </div>
                        <p class="mt40">苹果</p> 
                    </li>
                </ul>
            </div>
        </div>
        
        <!--游戏规则-->
        <div class="dialog-rule js-dialog-rule">
            <div class="mask"></div>
            <div class="content">
                <div class="hd"></div>
                <div class="bd">
                    <h3>游戏规则</h3>
                    <div class="bd-p">
                        <p>1. 每局游戏的选择时间为30秒，玩家在游欢时间内，首先选择自己要投的小妖币，然后点击要选择的水果进行上妖币投入，在选择时间外，不可进行选择。</p>
                        <p>2. 在一局游戏中，玩家可选择不同的小妖币进行游戏，当玩家小妖币不足时，无法参与游戏，请充值小妖币。</p>
                        <p>3. 在屏幕的右下角有清除（撤销）按钮，在选择时间内点击，可将玩家当前所有选择全部撤销，撤销后玩家可再次进行选择，选择时间外则不可撤销。</p>
                        <p>4. 游戏展示动画过程中，水果高亮展示的区域即为本局游戏的结果，中奖者可获取2.5倍的小妖币奖励。</p>
                        <p>5. 游戏结束后，进入派奖时间，按照游戏结果，返还中奖者的投入小妖币和相应的奖励小妖币，至此，一局游戏结束，进入下一局游戏。</p>
                        <p>6. 游戏左上区域显示上期的游戏结果，点击后显示最近10期的游戏结果。</p>
                    </div>
                    
                </div>
                <div class="ed"></div>
                <a href="javascript:;" class="butn-close js-rule-close"></a> 
            </div>
        </div>
        <!--购买记录-->
        <div class="dialog-rule js-dialog-history" >
            <div class="mask"></div>
            <div class="content">
                <div class="hd"></div>
                <div class="bd">
                    <h3>开奖记录</h3>
                    <div class="bd-p" id="js-history-list">
                        <ul class="history-list" >
                            
                        </ul>
                    </div>
                    
                </div>
                <div class="ed"></div>
                <a href="javascript:;" class="butn-close js-history-close"></a> 
            </div>
        </div>
        <!--倒计时弹窗-->
        <div class="dialog-count js-dialog-count" >
            <div class="mask"></div>
            <div class="content">
                <p><span class="js-issue"></span>期开奖</p> 
                <h3 class="js-count-time">5</h3>
            </div>
        </div>
        <!--充值弹窗-->
        <div class="dialog-count js-dialog-charge"  >
            <div class="mask"></div>
            <div class="content charge-content">
                <h2>金额不够，快去充值吧~</h2>
                <p><a href="/user/usercenter">充值</a> </p>
            </div>
        </div>
        <!--错误提示弹窗-->
        <div class="dialog-count js-dialog-error"  >
            <div class="mask"></div>
            <div class="content charge-content">
                <h2></h2>
                <p><a href="javascript:;">确定</a> </p>
            </div>
        </div>
        <!--开奖-->
        <div class="dialog-lottery js-dialog-lottery">
            <div class="mask"></div>
            <div class="content">
                <div class="float-num"></div>
                <p><span class="js-issue"></span>期开奖</p> 
                <p class="mt20 bg active"><img src="" alt=""></p> 
                <p class="bold js-current-win"></p> 
            </div>
        </div>
        <!--loading-->
        <div class="dialog-loading js-dialog-loading" style="z-index:100;"></div>
        <!-- 抽奖结果公布loading -->
        <div class="loading lottery-loading" id="lottery-loading">
            <div class="loading-center">
                <div class="loading-center-absolute">
                    <div class="object object_one" ></div>
                    <div class="object object_two"  style="left:20px;"></div>
                    <div class="object object_three"  style="left:40px;"></div>
                    <div class="object object_four"  style="left:60px;"></div>
                    <div class="object object_five"  style="left:80px;"></div>
                </div>
            </div>
        </div>
        <!--弹幕-->
        <div class="float-danmu" id="js-danmu">
           <section></section>
           <section></section>
           <section></section>
        </div>
        <script src="/sgdzz/js/fastclick.js"></script>
        <script src="/sgdzz/js/velocity.js"></script>
        <script src="/sgdzz/js/dialog.min.js"></script>
        <script src="/sgdzz/js/index.js?v=141"></script>
        @if (strpos(\Jenssegers\Agent\Facades\Agent::getUserAgent(), 'MicroMessenger') !== false) {
        <script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript">
            wx.config(<?php echo app('wechat')->js->config(array('onMenuShareTimeline', 'onMenuShareAppMessage')) ?>);
            wx.ready(function () {
                wx.onMenuShareTimeline({
                    link: 'http://ga.cloudxt.cn/sgdzz/page/',
                    imgUrl: 'http://ga.cloudxt.cn/sgdzz/images/monkey.png'
                });
                wx.onMenuShareAppMessage({
                    desc: '欢乐不间断，money money come',
                    link: 'http://ga.cloudxt.cn/sgdzz/page/',
                    imgUrl: 'http://ga.cloudxt.cn/sgdzz/images/monkey.png'
                });
            });
        </script>
        @endif
    </body>
</html>